<template>
    <div>
        <h2 style="margin-left: 450px;margin-top: 20px;">奖学金</h2>
    </div>
    <div class="demo-progress" style="margin-left: 110px;margin-top: 20px;">
        <p style="" class="font">第一学年(大一):</p>
      <el-progress
        :text-inside="true"
        :stroke-width="34"
        :percentage="100"
        status="success"
        style="width: 800px;"
      />
      <p style="" class="font">第二学年(大二):</p>
      <el-progress
        :text-inside="true"
        :stroke-width="34"
        :percentage="100"
        status="exception"
        style="width: 800px;"
      /><p style="" class="font">第三学年(大三):</p>
      <el-progress
        :text-inside="true"
        :stroke-width="34"
        :percentage="100"
        status="success"
        style="width: 800px;"
      /><p style="" class="font">第四学年(大四):</p>
      <el-progress
        :text-inside="true"
        :stroke-width="34"
        :percentage="0"
        status="success"
        style="width: 800px;"
      /><p style="" class="font">第五学年(大五):</p>
      <el-progress
        :text-inside="true"
        :stroke-width="34"
        :percentage="0"
        status="exception"
        style="width: 800px;"
      />
      <div style="margin-top: 45px;">
        <span>
        <span>颜色详情：</span>
      <el-button style="background-color: rgba(218, 27, 27, 0.606);" type="primary">未获得</el-button>
      <el-button style="background-color: rgba(38, 236, 16, 0.845);" type="primary">已获得</el-button>
      <el-button style="background-color: rgba(249, 245, 245, 0); color: black;" type="primary">还未评</el-button>
    
      </span>
      <span style="margin-left: 30px;">
        <span>级别详情：</span>
        <el-button type="primary" round>60% 三等</el-button>
        <el-button type="primary" round>80% 二等</el-button>
        <el-button type="primary" round>100% 一等</el-button>
      </span>
      </div>
     
      </div>
  </template>
  
  <style scoped>
  .demo-progress .el-progress--line {
    margin-bottom: 15px;
    width: 350px;
  }
  .font{
    font-weight: bold;font-size: 16px;
  }
  </style>
  